Skip to main content

Élément de visualisation : Tendance

Symbole:

_visu_icon_trend_neu.png

Catégorie: Contrôles spéciaux

Cet élément affiche la courbe des valeurs des variables sous forme de diagramme de tendance. Ce diagramme est adapté à la représentation d'une courbe de données à long terme, car les données sont extraites d'un enregistrement de tendance, et donc d'une base de données. De plus, vous pouvez exécuter l'outil S'orienter élément avec le Sélecteur de plage de dates, Légende, et Sélecteur de plage horaire éléments de commande permettant à l'utilisateur de naviguer confortablement dans le schéma.

Astuce

Vous pouvez supprimer par programmation la courbe de tendance enregistrée lors de l'exécution. L'enregistrement reprend à partir du moment de la suppression.

Pour plus d'informations, voir : Programmation d'une visualisation de tendance

Astuce

Le S'orienter l'élément de visualisation ne peut pas être inséré dans une visualisation du pool POU.

Propriétés des éléments

Toutes les propriétés des éléments sont-elles disponibles ?

Toutes les propriétés ne sont disponibles qu'une fois que vous avez sélectionné Avancé option ou Toutes les catégories filtrer dans Propriétés.

Nom de l'élément

Exemple: Velocity

Astuce

Attribuez des noms individuels aux éléments afin qu'ils apparaissent plus rapidement dans la liste des éléments.

La source de données

Source de données pour la connexion via l'appareil et l'application au Enregistrement de tendance l'objet dans lequel les données de tendance que vous souhaitez afficher ont été enregistrées.

Si la Enregistrement de tendance objet se trouve sur l'appareil local, il suffit alors de spécifier l'application respective. Si l'enregistrement de tendance se trouve sur un appareil distant, vous devez spécifier la connexion de la source de données à cet appareil.

  • _cds_icon_application.png <application locale>

    le Enregistrement de tendance L'objet est situé sur le périphérique local dans l'application locale.

  • < device name> . < application name>

    Exemple: Device_A.App_A

    le Enregistrement de tendance l'objet est situé sur l'appareil local Device_A sous l'application App_A.

  • _visu_icon_data_sources.png < data source name >

    Exemple: _visu_icon_data_sources.png DataSource_B

    le Enregistrement de tendance l'objet est situé sur un appareil distant qui est connecté via la source de données DataSource_B. Sous le (maintenant visible) Application , l'application distante s'affiche telle qu'elle est configurée dans la source de données.

    Exemple: _cds_icon_application.png App_B

    Remarque : Si la source de données est accessible symboliquement au moyen d'un fichier de symboles CODESYS (symbolique), le fichier de symboles requis et le projet correspondant doivent être enregistrés dans le même dossier.

Type d'élément

Tendance

Enregistrement de tendance

_visu_icon_trend_recording_manager.png: Enregistrement de tendance dont les données sont affichées sous forme de diagramme

L'enregistrement de tendance se trouve sur l'appareil spécifié dans le La source de données biens.

Pour plus d'informations, consultez : Enregistrement des tendances

Paramètres d'affichage

_visu_icon_trend_diagram.png: Le bouton ouvre le Paramètres d'affichage.

Le curseur

Afficher le curseur

standard icon:Un curseur (triangle noir avec une ligne verticale) est affiché dans le diagramme de tendance.

Comportement lors de l'exécution :

Dès que le graphique est « dessiné », l'utilisateur peut déplacer le curseur le long de l'axe du temps afin de marquer un moment précis. La valeur de la variable appartenant à la position du curseur est alors affichée dans la légende au-dessus du graphique.

_cds_img_trend_with_cursor.png

Afficher l'info-bulle

Exigence: Afficher le curseur est activé.

standard icon:Une info-bulle s'ouvre au niveau du curseur.

Comportement à l'exécution : La valeur de la variable appartenant à la position du curseur s'affiche sous forme d'info-bulle.

Afficher le cadre

standard icon:Le diagramme de tendance est dessiné avec un cadre.

Format numérique

Définition du format dans la syntaxe printf, qui détermine comment les valeurs sont affichées dans l'info-bulle et dans la légende

Exemple: %d (variable entière) ou %5.2f (nombre à virgule flottante)

Plage horaire par défaut

Valeur de temps par défaut pour la plage de temps disponible

Exemple: 20s, 1m

Étiquettes à cocher

Astuce

L'heure enregistrée dans l'enregistrement de tendance est dans le fuseau horaire UTC. Si l'heure est affichée dans la tendance de l'élément de visualisation, les horodatages sont convertis dans le fuseau horaire local du système d'exploitation de l'automate.

Modifiez le fuseau horaire dans le système d'exploitation si les heures du diagramme de tendance ne correspondent pas au fuseau horaire dont vous avez besoin.

Astuce

Vous pouvez changer par programmation le fuseau horaire local de l'heure système vers l'heure universelle (UTC).

Lorsque la variable VisuElems.Visu_DateTime.DisplayUTC est réglé sur TRUE, l'heure système est affichée en temps universel (UTC). Par défaut, la variable VisuElems.Visu_DateTime.DisplayUTC est réglé sur FALSE afin que l'heure du système soit affichée dans le fuseau horaire local.

Pour l'affichage des valeurs de date et d'heure, vous pouvez étendre la chaîne de format correspondante avec le code du fuseau horaire Z. Pour une sortie en heure système locale, le décalage est alors affiché en temps universel (UTC). Par exemple, dd:MM:yyyy HH:mm:ss:ms:Z sorties 01.08.2021 12:00:00:001:+02:00Lorsque l'heure universelle (UTC) est affichée, le code UTC est également affiché. 01.08.2021 10:00:00:001:Z

Horodatages

Valeur X du diagramme de tendance

  • Horodatages absolus

    L'heure absolue avec date et heure est affichée à chaque graduation sur l'axe du temps.

    Exemple: 18.03.2016 12h30m50s

  • Horodatages relatifs

    La période de temps depuis le début de l'enregistrement (=0) est affichée à chaque graduation.

    Exemple: 5m30s

Dessiner des étiquettes sur deux lignes

standard icon:Les horodatages sont affichés sur deux lignes (par exemple, la date est affichée sur la première ligne et l'heure sur la deuxième ligne).

_cds_icon_option_deactivated.png: L'horodatage est affiché sur une seule ligne. Exemple : 2019-11-01-12:30:50.

Omettre les informations non pertinentes dans les horodatages

standard icon: Les horodatages sont affichés sous une forme tronquée (sans informations non significatives). Par exemple, la date est affichée à la première graduation, et seule l'heure est affichée aux graduations suivantes. Internationalisation (chaînes de format) la propriété n'est pas visible et est ignorée.

_cds_icon_option_deactivated.png: Les horodatages sont affichés avec toutes les informations. Cela prend en compte les Internationalisation (chaînes de format) propriété qui contient la définition du format pour l'affichage de la date et de l'heure.

Internationalisation (chaînes de format)

Définition du format d'affichage de la date et de l'heure de l'horodatage (lorsqu'il est affiché en entier)

Note

La propriété n'est visible que si le Omettre les informations non pertinentes dans les horodatages l'option est pas choisi.

Astuce

En gros, tout %t les options de format sont prises en charge et sont décrites dans le "Espaces réservés avec définition de format" chapitre.

Date

Chaîne de format qui renvoie l'affichage de la date selon le format défini. Les paramètres régionaux du système d'exploitation sont utilisés comme paramètre par défaut.

Options pour spécifier la chaîne de format

  • En tant que chaîne fixe

    Exemple: MM/dd/yyyy

  • En tant que référence à une entrée de liste de textes <nom de la liste de textes>.<ID>

    Une chaîne de format y est définie pour chaque langue.

    _visu_elem_prop_formatstring_ref_to_tlentry.png
. Chaînes de format définies pour la date :
  • Année: yyyy, yy, y

  • Mois: MM, M

  • Jour: dd, d

  • Séparateur recommandé : - . /

Exemple:

yyyy-MM-d affiche 2019-10-25

yyyy-MM-dd affiche 2019-10-25

dd.MM.yyyy affiche 25.10.2019

dd/MM/yyyy affiche 25/10/2019

DateTime.DTPicker

Temps

Chaîne de format qui renvoie l'heure (ou l'heure du jour) affichée selon le format défini. Les paramètres régionaux du système d'exploitation sont utilisés comme paramètre par défaut.

. Chaînes de format définies pour l'heure :
  • Définition du temps sur 24 heures : HH, H

  • Définition du temps sur 12 heures : hh, h

  • Définition de AM/PM pour l'heure sur 12 heures : tt

  • Minutes: mm, m

  • Secondes : ss, s

  • Millisecondes : ms

  • Microsecondes : us

  • Séparateur recommandé : : ou caractère espace

Exemple:

HH:mm:ss:ms affiche 15:30:59:123

h:mm:ss tt affiche 3:30:59 PM

DateTime.DTPicker

Position

La position définit l'emplacement et la taille de l'élément dans la fenêtre de visualisation. Ceci est basé sur le système de coordonnées cartésiennes. L'origine est située dans le coin supérieur gauche de la fenêtre. L’axe X horizontal positif s’étend vers la droite. L’axe Y vertical positif va vers le bas.

X

La coordonnée X (en pixels) du coin supérieur gauche de l'élément

Exemple : 10

Y

La coordonnée Y (en pixels) du coin supérieur gauche de l'élément

Exemple : 10

Largeur

Spécifié en pixels

Exemple : 150

Hauteur

Spécifié en pixels

Exemple : 30

Astuce

Vous pouvez également modifier les valeurs en faisant glisser la case _visu_icon_position_element.png symboles vers d’autres positions dans l’éditeur.

Contrôles assignés

Ces éléments sont créés automatiquement lorsque Insérer des éléments pour le contrôle de tendance est utilisé pour ajouter les contrôles.

Sélecteur de plage de dates

Commande de modification de la date et de l'heure des ensembles de données affichés

Avec _cds_icon_three_dots.png, tous les éléments sont fournis qui ont implémenté l'interface IDateRangeSelector. Par défaut, les instances de Sélecteur de plage de dates élément de visualisation sont disponibles.

Sélecteur de plage de temps

Contrôle pour changer l'heure des ensembles de données affichés

Avec _cds_icon_three_dots.png, tous les éléments sont fournis qui ont implémenté l'interface ITimeSelector. Par défaut, les instances de Sélecteur de plage de temps élément de visualisation sont disponibles.

Légende

Contrôle d'affichage d'une légende pour les graphiques

Avec _cds_icon_three_dots.png, tous les éléments sont fournis qui ont implémenté l'interface ILegendDisplayer.

Variables de contrôle

Tableau 12. Zoom

Le zoom sur la courbe affichée se fait au moyen de la souris, ou du geste de pincement sur un appareil multitouch. Cela s’applique également à tous les axes.

Au moment de l'exécution, lorsque Activer est TRUE, vous pouvez dessiner une boîte avec la souris en maintenant enfoncé le bouton gauche de la souris. Lorsque vous relâchez le bouton de la souris, l'affichage effectue un zoom sur la boîte et la courbe est agrandie. Pour effectuer un zoom avant et arrière sur un appareil multitouch, rapprochez ou éloignez deux doigts, respectivement.

Le zoom et le panoramique peuvent fonctionner ensemble.

Activer

Variable (BOOL) qui active ou désactive le zoom.

TRUE: Active le zoom

Exemple: PLC_PRG.xZoomEnable

Maison

Variable (BOOL)

Front montant : réinitialisez la courbe affichée à l'état initial après que l'affichage a changé en raison du zoom.

Exemple: PLC_PRG.xZoomHome

Annuler

Variable (BOOL)

Front montant : réinitialisez la courbe affichée à la position précédente après que l'affichage a changé en raison du zoom.

Exemple: PLC_PRG.xZoomUndo

Est zoomé

Variable (BOOL) qui indique si la courbe affichée a été modifiée ou non à cause du zoom.

TRUE : Le réglage de la courbe a été agrandi.

Exemple: PLC_PRG.xIsZoomed



Tableau 13. Poêle

Le panoramique de la courbe affichée se fait au moyen de la souris ou du geste de pincement sur un appareil multitouch. Cela s’applique également à tous les axes.

Au moment de l'exécution si Activer est TRUE, vous pouvez alors faire glisser la courbe affichée vers une autre position en maintenant enfoncé le bouton gauche de la souris. Pour effectuer un panoramique de la courbe affichée sur un appareil multitouch, faites-la glisser avec un doigt vers une autre position.

Activer

Variable (BOOL) pour activer ou désactiver le panoramique.

TRUE : Active le panoramique

Exemple : PLC_PRG.xPanEnable

Maison

Variable (BOOL)

Front montant : réinitialisez la courbe affichée à la position initiale après que l'affichage a changé en raison du panoramique.

Exemple: PLC_PRG.xPanHome

Est panoramique

Variable (BOOL) dont l'état indique si la courbe affichée a été modifiée ou non à cause du zoom.

TRUE : Le réglage de la courbe a été effectué en panoramique.

Exemple : PLC_PRG.xIsPanned



Activer pour l'axe Y

Variable (BOOL) pour activer l'action de zoom ou de panoramique également pour l'axe Y

TRUE : L'axe Y est activé.

Les variables de contrôle décrites ci-dessous (Début de la plage de dates et Fin de la plage de dates) peut être utilisé pour contrôler par programme la plage horaire de la tendance. Cela vous permet de programmer votre visualisation des tendances sans Sélecteur de plage de temps élément de visualisation.

Toutefois, si vous souhaitez qu'un utilisateur de visualisation puisse également spécifier une plage horaire, ajoutez l'élément de sélection de plage horaire. Les heures dans l'élément de sélection de plage horaire et dans les variables CEI sont automatiquement synchronisées.

Remarque : Assurez-vous que chaque tendance possède sa propre variable, sinon l'enregistrement de la tendance s'arrêtera.

Astuce : Pour donner à l'utilisateur une indication de la raison pour laquelle la tendance a été stoppée, le _visu_icon_trend_stopped.png Le symbole est affiché à la fin des axes de tendance. Lorsque ce symbole apparaît, la tendance actuelle a été interrompue parce que le zoom ou le panoramique sont actifs, ou parce que la plage temporelle est limitée aux valeurs plus anciennes par des variables.

Début de la plage de dates

Variable CEI (DATE_AND_TIME, DT, LDATE_AND_TIME, LDT) pour l'heure de début de la plage horaire. Pour le DT type de données, une précision de 1s est obtenue.

Si la valeur change, l'enregistrement de tendance est arrêté.

Exemple : PLC_PRG.ldtStart. Une seule variable (pas de littéral) est autorisée.

Fin de la plage de dates

Variable CEI (DATE_AND_TIME, DT, LDATE_AND_TIME, LDT) pour l'heure de fin de la plage horaire.

Pour le DT type de données, une précision de 1s est obtenue.

Si la valeur change, l'enregistrement de tendance réagit comme suit : Lorsque la valeur augmente, l'enregistrement de tendance démarre. Lorsque la valeur diminue, l'enregistrement de tendance prend fin.

Exemple : PLC_PRG.ldtEnd. Une seule variable (pas de littéral) est autorisée.

Centre

Les propriétés contiennent des valeurs fixes pour les coordonnées du point de rotation. Le point de rotation s'affiche dans l'éditeur en tant que _visu_icon_center_point.png symbole et est utilisé comme centre pour la rotation et la mise à l'échelle.

Astuce

Vous pouvez également modifier les valeurs en faisant glisser le _visu_icon_center_point.png symbole à une autre position dans l'éditeur.

X

Coordonnée X du point de rotation

Y

Coordonnée Y du point de rotation

Mouvement absolu

Les propriétés peuvent être affectées à des variables CEI pour contrôler dynamiquement la position de l'élément. Le point de référence est le coin supérieur gauche de l'élément. Lors de l'exécution, l'élément entier est déplacé.

Mouvement

X

  • Variable (type de données numérique) pour la position X (en pixels)

    Exemple: PLC_PRG.iPos_X

L'augmentation de cette valeur à l'exécution déplace l'élément vers la droite.

Y

L'augmentation de cette valeur à l'exécution déplace l'élément vers le bas.

Rotation

Variable (type de données numérique) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle1

Le milieu de l'élément tourne à la Centre point. Ce point de rotation est représenté par le _visu_icon_center_point.png symbole.

Lors de l'exécution, l'alignement de l'élément reste le même par rapport au système de coordonnées de la visualisation. L'augmentation de la valeur fait pivoter l'élément vers la droite.

_visu_img_prp_rotation.png

Rotation intérieure

Variable (type de données numérique) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle2

Lors de l'exécution, l'élément tourne autour du point de rotation spécifié dans Centre selon la valeur de la variable. De plus, l'alignement de l'élément pivote selon le système de coordonnées de la visualisation. L'augmentation de la valeur dans le code tourne dans le sens des aiguilles d'une montre.

Le point de rotation est représenté par le _visu_icon_center_point.png symbole.

Note

Si un angle de rotation statique est spécifié dans le Emplacement → Angle , l'angle de rotation statique est ajouté à l'angle de rotation variable (décalage) lors de l'exécution de la visualisation.

_visu_img_prp_inner_rotation.png

Astuce

Vous pouvez combiner les variables à un conversion d'unité.

Astuce

le X, Oui, Rotation, et Rotation intérieure sont prises en charge par la fonctionnalité "Animation client".

Mouvement relatif

Les propriétés contiennent des variables pour déplacer l'élément. Le point de référence est la position de l'élément (Position biens). La forme de l'élément peut changer.

Mouvement en haut à gauche

X

  • Variable (type de données entier) pour le nombre (en pixels) que la gauche le bord est déplacé horizontalement

    Exemple: PLC_PRG.iDeltaX

L'incrémentation de la valeur déplace l'élément vers la droite.

Y

  • Variable (type de données entier) pour le nombre (en pixels) que le Haut le bord est déplacé verticalement

    Exemple: PLC_PRG.iDeltaY

L'incrémentation de la valeur déplace l'élément vers le bas.

Mouvement en bas à droite

X

  • Variable (type de données entier) pour le nombre (en pixels) que droit bord est déplacé horizontalement.

    Exemple: PLC_PRG.iDeltaWidth

  • Variable de conteneur : Container.Width

    Pour plus d'informations, consultez : Réglage optimal de la position et de la taille

L'incrémentation de la valeur déplace l'élément vers la droite.

Y

  • Variable (type de données entier) pour le nombre (en pixels) que le bas le bord est déplacé verticalement

    Exemple: PLC_PRG.iDeltaHeight

  • Variable de conteneur : Container.Height

    Pour plus d'informations, consultez : Réglage optimal de la position et de la taille

L'incrémentation de la valeur déplace l'élément vers le bas.

Mouvement relatif

Les propriétés contiennent des variables pour déplacer l'élément. Le point de référence est la position de l'élément (Position biens). La forme de l'élément peut changer.

. Point de mouvement[0]
  • X

  • Y

Variable (type de données numérique) pour le nombre (en pixels) de déplacement du point de départ de la ligne.

L'incrémentation de la valeur X déplace l'élément vers la droite.

L'incrémentation de la valeur Y déplace l'élément vers le bas.

. Point de mouvement[0]
  • X

  • Y

Variable (type de données numérique) pour le nombre (en pixels) de déplacement du point final de la ligne.

L'incrémentation de la valeur X déplace l'élément vers la droite.

L'incrémentation de la valeur Y déplace l'élément vers le bas.

Mouvement relatif

Les propriétés contiennent des variables pour déplacer l'élément. Le point de référence est la position de l'élément (Position biens). La forme de l'élément peut changer.

Mouvement en haut à gauche

X

  • Variable (type de données entier) pour le nombre (en pixels) que la gauche le bord est déplacé horizontalement

    Exemple: PLC_PRG.iDeltaX

L'incrémentation de la valeur déplace l'élément vers la droite.

Y

  • Variable (type de données entier) pour le nombre (en pixels) que le Haut le bord est déplacé verticalement

    Exemple: PLC_PRG.iDeltaY

L'incrémentation de la valeur déplace l'élément vers le bas.

Mouvement en bas à droite

X

  • Variable (type de données entier) pour le nombre (en pixels) que droit bord est déplacé horizontalement.

    Exemple: PLC_PRG.iDeltaWidth

  • Variable de conteneur : Container.Width

    Pour plus d'informations, consultez : Réglage optimal de la position et de la taille

L'incrémentation de la valeur déplace l'élément vers la droite.

Y

  • Variable (type de données entier) pour le nombre (en pixels) que le bas le bord est déplacé verticalement

    Exemple: PLC_PRG.iDeltaHeight

  • Variable de conteneur : Container.Height

    Pour plus d'informations, consultez : Réglage optimal de la position et de la taille

L'incrémentation de la valeur déplace l'élément vers le bas.

Variables d'état

Les variables contrôlent dynamiquement le comportement de l'élément.

Invisible

variables (BOOL) pour basculer la visibilité de l'élément

TRUE: L'élément n'est pas visible à l'exécution.

Astuce

le Invisible La propriété est prise en charge par la fonctionnalité "Animation client".

Animation

Astuce

Ces propriétés ne sont disponibles que lorsque vous avez sélectionné le Prise en charge des animations client et de la superposition d'éléments natifs possibilité dans le Gestionnaire de visualisation.

Durée des animations

Variable de durée (en millisecondes) pendant laquelle l'élément exécute une animation

  • Variable (valeur entière)

    Exemple: Menu.tContent avec VAR tContent : INT := 500; END_VAR

  • Littéral entier

    Exemple: 500

. Propriétés animables
  • Mouvement absolu, Mouvement, X, Oui

  • Mouvement absolu, Rotation

  • Mouvement absolu, Rotation intérieure

  • Mouvement absolu, Rotation extérieure

Le mouvement animé est exécuté lorsqu'au moins une valeur d'une propriété animable a changé. Le mouvement alors exécuté n'est pas saccadé, mais est fluide dans la durée d'animation spécifiée. L'élément de visualisation se déplace vers la position spécifiée tout en tournant dynamiquement. Les transitions sont fluides.

Passer au premier plan

variables (BOOL) pour mettre l'élément au premier plan

TRUE: A l'exécution, l'élément de visualisation est affiché au premier plan.

FALSE: A l'exécution, l'élément de visualisation est affiché dans le calque où il a été inséré dans l'éditeur de visualisation.

Exemple: bIsInForeground avec VAR bIsInForeground : BOOL := FALSE; END_VAR

Des droits d'accès

Note

Disponible uniquement lorsqu'une gestion des utilisateurs est configurée pour la visualisation.

Des droits d'accès bouton

Ouvre le Des droits d'accès dialogue. Là, vous pouvez modifier les privilèges d'accès pour l'élément.

. Messages d'état :
  • Pas encore défini. Pleins droits.: Droits d'accès pour tous les groupes d'utilisateurs : opérable

  • Les droits sont définis : droits limités: L'accès est limité à au moins un groupe.